Форма вместе с <iframe>

fireman691 · April 28, 2012

Помогите пожалуйста мне решить вот такую задачу.......

Нужно чтоб на странице была форма с полем ввода и кнопкой а также элемент <iframe>.

Форма служила бы поиском, а результат поиска должен отображаться в <iframe>.

Поиск должен быть с использованием Google.

Буду очень благодарен...

mrnobody · April 28, 2012

Это Вы наверное делаете уроки из "Специалиста. Уроки по HTML" (точное название не помню)?

Я тоже делал, но у меня не получалось выводить результаты поиска во втором фрейме, но с Яндексом все было нормально.

Сейчас посмотрю если остались файлы, то скину.

Не нашел, еле вспомнил как делал (пришлось подсматривать :blush: )

Вот ссылка на архив.

Я создал 3 HTML-файла:

index.html - в нем я сделал 2 фрейма (первый с именем "fr-1" для ввода запроса и второй фрейм с именем "fr-2" для выдачи результата).

<!DOCTYPE HTML>
<html>
<head>
	<meta charset="UTF-8">
	<title>Поиск</title>
</head>
<body>
	<iframe src="search.html" name="fr-1" height="150px" width="100%"></iframe>
	<iframe src="result.html" name="fr-2" height="450px" width="100%"></iframe>
</body>
</html>

search.html - в этом файле я сделал форму и атрибуту action тега <form> я поставил значение "http://yandex.ru/yandsearch" (action="http://yandex.ru/yandsearch"). Это значение я взял в HTML-коде Яндекса. Добавил еще атрибут target="fr-2" (этот атрибут "спрашивает" куда загружать результат запроса, я ему "говорю" что во фрейм с именем "fr-2").

Для атрибута name тега <input> я указал значение "text" (name="text" и это значение я тоже взял из кода страницы Яндекса).
```
<!DOCTYPE HTML>
<html>
<head>
	<meta charset="UTF-8">
	<title></title>
</head>
<body>
	<form action="http://yandex.ru/yandsearch" target="fr-2">
		<p><input type="search" name="text"></p>
		<p><input type="submit" value="Найти"></p>
	</form>
</body>
</html>
```
result.html - в принципе его можно оставить пустым, вообще пустым без единого символа (без элементов html, head и body), но я не знаю правильно это или нет.
```
<!DOCTYPE HTML>
<html>
<head>
	<meta charset="UTF-8">
	<title></title>
</head>
<body>	
</body>
</html>
```

P.S. Поправьте если что, а то я в этом деле новенький ), может чего лишнего написал или не дописал.

Edited April 28, 2012 by mrnobody

Sign In

Форма вместе с <iframe>

Question

fireman691

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

mrnobody

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information